import React, { Component } from 'react';
import {
  StyleSheet,
  Text,
  View, Image
} from 'react-native';
import NavigationBar from 'react-native-navbar';
import Theme from '../config/Theme.js'
import Icon from 'react-native-vector-icons/Ionicons';

export default class Tikuanji extends Component {
  render() {
    const rightButtonConfig = {
      title: '我的徒弟',
      tintColor: 'white',
      handler: () => alert('hello!'),
    };

    const titleConfig = {
      title: '收徒赚钱',
      tintColor: 'white'
    };
    return (
      <View style={styles.container}>
        <NavigationBar style={{ backgroundColor: Theme.actionBar.backgroundColor }}
          title={titleConfig}
          rightButton={rightButtonConfig}
        />
        <View style={{ alignItems: 'center' }}>
          <Image source={require('../image/test4.jpg')} style={{ height: 100, marginTop: 25, }} resizeMode='contain'></Image>
          <Text style={{ fontSize: 20, color: 'black', marginTop: 20 }}> 快让家人、朋友、同事 </Text>
          <Text style={{ fontSize: 16, color: 'black', marginTop: 10 }}> 来[提款机]每天躺着赚钱 </Text>
          <View style={{ flexDirection: 'row', marginTop: 15 }}>
            <View style={{ alignItems: 'center' }}>
              <Icon name="md-share" size={50} color="red" />
              <Text style={{ color: 'black', marginTop: 5 }}>邀请好友</Text>
            </View>
            <View style={{ alignItems: 'center', marginLeft: 80 }}>
              <Icon name="ios-qr-scanner-outline" size={50} color="red" />
              <Text style={{ color: 'black', marginTop: 5 }}>二维码收徒</Text>
            </View>
          </View>
          <View style={{ backgroundColor: 'white', width: 290, height: 130, borderRadius: 5, marginTop: 30 ,padding:15}}>
            <Text style={{ fontSize: 14, color: 'black',  }}> 收徒奖励: </Text>
            <Text style={{ fontSize: 12, color: 'black', marginTop: 10 }}> 永久获得该徒弟收益<Text style={{ fontSize: 12, color: 'red'}} >30%</Text>的额外奖励！</Text>
            <Text style={{ fontSize: 12, color: 'black', marginTop: 10 }}> 永久获得该徒弟的徒弟收益的<Text style={{ fontSize: 12, color: 'red'}} >20%</Text>的额外奖励！</Text>
            <Text style={{ fontSize: 12, color: 'black', marginTop: 10 }}> 收徒无上限！ </Text>
          </View>
        </View>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: 'gainsboro'
  },
});
